<div class="ui-g">
  <div class="ui-g-3 notice-navagator">
      <div class="ui-g-12 notice-navagator-search">
        <div class="ui-inputgroup">
            <input type="text" pInputText placeholder="查找公告..." style="width:85%">   
            <span class="ui-inputgroup-addon">
              <i class="fa fa-search" aria-hidden="true"></i>
            </span>  
        </div>
      </div>
      <div class="ui-g-12 notice-navagator-list">
          <p-dataScroller [value]="notices" [rows]="10" [inline]="true" [scrollHeight]="navHeight" 
            (onLazyLoad)="loadData($event)" [lazy]="true">
              <ng-template let-notice pTemplate="item">
                  <div class="ui-grid ui-grid-responsive ui-fluid" style="font-size:16px;padding:10px;border-bottom:1px solid #D5D5D5;">
                      <div class="ui-grid-row">
                          <div class="ui-grid-col-3" style="text-align:center">
                            <div class="notice-avatar-icon role-avator-2" mdl-shadow="8" (click)="specifySys(nav.link)"></div>
                          </div>
                          <div class="ui-grid-col-9">
                              <div class="ui-grid ui-grid-responsive ui-fluid">
                                  <div class="ui-grid-row">
                                      <div class="ui-grid-col-12">{{notice.title}}</div>
                                  </div>
                                  <div class="ui-grid-row">
                                        <div class="ui-grid-col-12">{{notice.date}}</div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </ng-template>
          </p-dataScroller>
      </div>
      <div class="notice-navagator-footer">
        
      </div>
  </div>
  <div class="ui-g-9 notice-content">
      <p-editor [(ngModel)]="text" [style]="contentStyle" [readonly]="'true'">
          <p-header>
              <span class="ql-formats" style="float:right;margin-top:15px;">
                  <button class="ql-bold" aria-label="Bold"></button>
                  <button class="ql-italic" aria-label="Italic"></button>
                  <button class="ql-underline" aria-label="Underline"></button>
              </span>
          </p-header>
      </p-editor>
  </div>
</div>